<template>
  <view class="patrolInspect-detail">
    <view class="universal-detail-cont">
      <view class="universal-detail-item">
        <view class="universal-detail-item-title">所属工程：</view>
        <view class="universal-detail-item-cont">{{ detail.projectItemName }}</view>
      </view>
      <view class="universal-detail-item">
        <view class="universal-detail-item-title">关联设备：</view>
        <view class="universal-detail-item-cont">{{ detail.objectName }}</view>
      </view>
      <view class="universal-detail-item">
        <view class="universal-detail-item-title">巡查要点描述：</view>
        <view class="universal-detail-item-cont">{{ detail.attentionRemark }}</view>
      </view>
      <view class="universal-detail-item">
        <view class="universal-detail-item-title">检查结果：</view>
        <view class="universal-detail-item-cont">{{ detail.dangerFlag.label }}</view>
      </view>
      <detail-patrol :detail="detail" v-if="detail.dangerFlag.value === '0'"></detail-patrol>
      <detail-troble :detail="detail.trouble" :dealStatus="detail.dealStatus" v-if="detail.dangerFlag.value === '1'"></detail-troble>
    </view>
  </view>
</template>

<script setup>
import detailPatrol from './detail-patrol';
import detailTroble from './detail-troble';

import { ref } from 'vue';
const props = defineProps({
  detail: Object
});

</script>

<style lang="scss" scoped>
@import '@/assets/universal-detail.scss';
@import '@/assets/patrolInspect.scss';

</style>